import { login, getUserInfo, getUserDetailById } from '@/api/user'
import { getToken, removeToken, setToken } from '@/utils/auth'
export default {
  namespaced: true,
  state: {
    token: getToken() || '', // 这里是因为是初始值  刷新的时候所有的代码都会重置  token会被重置为''
    userInfo: {}
  },
  mutations: {
    setToken(state, tokenValue) {
      // 存入vuex
      state.token = tokenValue
      // 存入本地cookie
      setToken(tokenValue)
    },
    setUserInfo(state, userInfo) {
      state.userInfo = userInfo
    },
    // 清空数据
    removeUserInfo(state) {
      // 清除vuex
      state.token = ''
      state.userInfo = {}
      // 清除本地
      removeToken()
    }

  },
  actions: {
    async fetchLoging({ commit }, from) {
      // ctx 是 const.text的缩写
      // ctx.commit 提交mutation
      // xtc.dispatch 提交action
      // 1. 调用接口请求
      const res = await login(from)
      // 2. 拿到请求返回值 提交mutation函数进行修改

      commit('setToken', res)
    },
    async fetGetchUserInfo({ commit }) {
      // 1.发请求
      const res = await getUserInfo()
      // 插入一个头像信息请求
      // 2.调用mutation 合并两个接口的返回对象  成为一个对象
      const res_ = await getUserDetailById(res.userId)
      commit('setUserInfo', { ...res, ...res_ })
    }

  }
}
// 写完之后 组件只需要做一件事 调用action函数并且传递正确的参数即可
